<!-- <template>
	<view>
				  <button @click="goToChart">查看折线图</button>
				  <button @click="goToMap">查看地图</button>

	</view>
	
</template>

<script>
	import allChart from '@/components/allChart.vue';

	export default {
		components: {
			allChart
		},

		
	methods:{
		
		 goToChart () {
		  uni.navigateTo({
		    url: '/pages/echarts/chart/index'
		  })
		},
		goToMap () {
		  uni.navigateTo({
		    url: 'pages/chinaMap/chinaMap'
		  })
		}
		
	}
	
	}
</script> -->
<template>
    <!-- 页面根元素 -->
    <view class="container">
        <!-- 渲染列表，使用 v-for 指令遍历 listData 数组 -->
        <view v-for="(item, index) in listData" :key="index" @click="handleItemClick(item.url)" class="list-item">
            <!-- 显示列表项的文本内容 -->
            {{ item.name }}
        </view>
    </view>
</template>

<script>
export default {
    data() {
        return {
            // 定义列表数据数组
            listData: [
				{name: '查看折线图',url:"/pagesA/chart/index"},
				{name: '查看地图',url:"/pagesA/chinaMap/chinaMap"}
                // '查看折线图',
                // '查看地图',
                // '列表项 3',
                // '列表项 4',
                // '列表项 5'
            ]
        };
    },
    methods: {
        // 处理列表项点击事件的方法
        handleItemClick(url) {
			
			 uni.navigateTo({
					    url: url
					  })
            // 弹出提示框，显示点击的列表项内容
            // uni.showToast({
            //     title: `你点击了：${item}`,
            //     icon: 'none'
            // });
        }
    }
};
</script>

<style scoped>
.container {
    padding: 20px;
}

.list-item {
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
}
</style>